import './my.css'
//函数组件 ---演示复杂数据结构
function App() {
  return (
    <>
    <div style={{color:'red', 'font-size':'16px'}}>
      测试行内样式
    </div>
    <div className='main'>测试class</div>
    </>
  )
}
//<> 和 </> 是JSX（JavaScript XML）语法的一部分，用于表示一个空的Fragment（片段）。Fragment允许你将子元素分组在一起，而不需要添加额外的DOM节点
// 这种方式使得代码更加简洁，同时避免了不必要的DOM层级。
export default App
